<body class="wy-body">
<div class="layui-fluid">
	<div class="layui-col-md12">
		<div class="layui-card">
			<div class="layui-card-header">
				<span class="layui-breadcrumb" lay-separator="\" lay-filter="breadcrumb">
					<a href="{:url('layer_upload_static')}?{$key_url}">根目录</a>
					{volist name="path_lists" id="vo"}
					<a href="{:url('layer_upload_static')}?path={$vo.son_path}&{$key_url}">{$vo.name}</a>
					{/volist}
					<a><cite>列表</cite></a>
				</span>
			</div>
			<div class="layui-card-body" style="padding:0;">
			<ul id="show_img">
			{volist name="lists_dir" id="vo"}
				<li>
					<a href="{:url('layer_upload_static')}?path={$vo.son_path}&{$key_url}" title="{$vo.name}">
					<div class="img">
						<img src="{$vo.url}">
					</div>
					<div class="text">
						<p>{$vo.name}</p>
					</div>
					</a>
				</li>
			{/volist}
			{volist name="lists_upload" id="vo"}
				<li title="{$vo.name}" wy-data='{:json_encode($get_data)}' wy-src="{$vo.url}" class="change_upload">
					<div class="img">
						<img src="{$vo.url}">
					</div>
					<div class="text">
						<p title="{$vo.name}">{$vo.name}</p>
					</div>
				</li>
			{/volist}
				<!--	
				<li>
					<div class="img">
						<img src="/upload_file/advert/20190417/f865eb13b1c5c16edf1d996059371d0c.png">
					</div>
					<div class="text">
						<p>2018春夏季新款港味短款白色T恤+网纱中长款chic半身裙套装两件套网纱中长款chic半身裙套装两件套网纱中长款chic半身裙套装两件套网纱中长款chic半身裙套装两件套网纱中长款chic半身裙套装两件套</p>
					</div>
				</li>
				-->
				
			</ul>
			</div>
		</div>
	</div>
	
</div>
<style>
#show_img{

}
#show_img li{
	width:200px;
	height:210px;
	float:left;
	margin-left:5px;
	margin-bottom:15px;
}
#show_img li:hover{
	background:#fbf8f8;
}
#show_img li .img{
	width:200px;
	height:180px;
	display: table-cell;
	text-align: center;
	vertical-align:middle;
}
#show_img li .img img{
	max-width:200px;
	max-height:180px;
	align-items: center;
}
#show_img li .text{
	line-height:120%;
	height:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

#show_img li .text p{
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
</style>
</body>